import { Fragment } from "react";
import { Canvas, Story, Meta } from "@storybook/blocks";
import { Box, Card, Stack, Text } from "metabase/ui";
import * as CardStories from "./Card.stories";

<Meta of={CardStories} />

# Card

Our themed wrapper around [Mantine Card](https://v6.mantine.dev/core/card/).

## Docs

- [Mantine Card Docs](https://v6.mantine.dev/core/card/)

## Examples

<Canvas of={CardStories.Default} />

### Card border

<Canvas of={CardStories.Border} />

### Card.Section

<Canvas of={CardStories.CardSection} />

### Card.Section border

<Canvas of={CardStories.CardSectionBorder} />
